﻿
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  ============ WEB LAYOUT QUICK STYLE ========================
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.none { display: none; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.left { float: left; }
.right { float: right; }
.clear::before, .clear::after { content: ""; display: block; height: 0 }
.clear::after { clear: both; }
.full { width: 100%; height: 100%; }
.haft { width: 50%; float: left }
.mrg-t-5 { margin-top: 5px; }
.mrg-t-10 { margin-top: 10px; }
.mrg-t-15 { margin-top: 15px; }

/* ======================================
     Column /////////////////////////////////////////////////////////// */

[data-column] { zoom: 1 }
[data-column]::before, [data-column]::after { content: ""; display: block; height: 0 }
[data-column]::after { clear: both; }
[data-column] > * { display: block; float: left }
[data-column="1"] > * { width: 100% }
[data-column="2"] > * { width: 50% }
[data-column="3"] > * { width: 33.33% }
[data-column="4"] > * { width: 25% }
[data-column="5"] > * { width: 20% }
[data-column="6"] > * { width: 16.66% }
[data-column="7"] > * { width: 14.28% }
[data-column="8"] > * { width: 12.5% }
[data-column="9"] > * { width: 11.11% }
[data-column="10"] > * { width: 10% }
[data-column="11"] > * { width: 9.09% }
[data-column="12"] > * { width: 8.33% }
[data-column="13"] > * { width: 7.69% }
[data-column="14"] > * { width: 7.14% }
[data-column="15"] > * { width: 6.66% }
[data-column="16"] > * { width: 6.25% }
[data-column="17"] > * { width: 5.88% }
[data-column="18"] > * { width: 5.55% }
[data-column="19"] > * { width: 5.26% }
[data-column="20"] > * { width: 5% }
